<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>2.0-多级多仓分布</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="sfy/styles/fonts/iconfont.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/qd.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">
    <link rel="stylesheet" href="styles/style.css">
    <link rel="stylesheet" href="styles/newstyle.css">
</head>

<body>
    <!--头部-->
    <div class="g_header">
        <div class="g_hea_g1">
            <div class="g_hea_g2">
                <!-- <span class="g_hea_img1" id="trigger-overlay"></span> -->
                <img src="images/yly-logo.png" alt="">
                <span class="g_hea_img1" id="trigger-overlay">
                    <img src="images/logo-menu.png" alt="">
                </span>
                <div class="g_hea_login">管理员管理员,欢迎您登陆
                    <span></span>
                    <div class="userboxinfo userboxinfob">
                        <ul class="ul_userlist">
                            <li>
                                <a href="/updatePwd">修改密码</a>
                            </li>
                            <li>
                                <a href="/logout">退出</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="g_hear">
                    <a>
                        <label class="common-menu-btn"><input type="checkbox"><span></span></label><span>打开常用菜单</span>
                    </a>
                    <a href="#">
                        <img src="images/icon_home.png">首页</a>
                    <a href="#">
                        <img src="images/sf1_07.png">传链社区</a>
                    <a href="#">
                        <img src="images/sf1_09.png">服务中心</a>
                    <a href="message.html">
                        <i>22</i>消息</a>
                </div>
            </div>
        </div>
        <div class="overlay overlay-genie " data-steps="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z;m 698.9986,728.03569 41.23353,0 -3.41953,77.8735 -34.98557,0 z;m 687.08153,513.78234 53.1506,0 C 738.0505,683.9161 737.86917,503.34193 737.27015,806 l -35.90067,0 c -7.82727,-276.34892 -2.06916,-72.79261 -14.28795,-292.21766 z;m 403.87105,257.94772 566.31246,2.93091 C 923.38284,513.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 455.17312,480.07689 403.87105,257.94772 z;M 51.871052,165.94772 1362.1835,168.87863 C 1171.3828,653.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 31.173122,513.78234 51.871052,165.94772 z;m 52,26 1364,4 c -12.8007,666.9037 -273.2644,483.78234 -322.7299,776 l -633.90062,0 C 359.32034,432.49318 -6.6979288,733.83462 52,26 z;m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z"
            id="g_hea_con">
            <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1440 806" preserveAspectRatio="none" class="svg1">
                <path class="overlay-path" d="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z" />
            </svg>
            <ul class="g_hea_ul">
                <li class="li1">System Management</li>
                <li class="li2">基础资料</li>
                <li class="li3">耗材管理</li>
                <li class="li4">科室管理</li>
                <li class="li5">财务管理</li>
                <li class="li6">统计查询</li>
            </ul>
            <div class="g_hea_ulbox">
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li>系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="sfy_nav.html" class="g_hea_a1">用户参数设置1</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1 active">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置2</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置3</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置4</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置5</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置6</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
            </div>
            <img src="images/cross.png" class="g_hea_close">
        </div>
    </div>
    <!-- 常用菜单 -->
    <div class="common-menu">
        <div class="common-menu-content">
            <p class="iconfont icon-menu">
                <a>公司资料维护</a>
                <a>新增商品</a>
                <a>采购目录勾对</a>
                <a>物流订单调度</a>
                <a>补货发起</a>
                <a>物流项目费用维护</a>
                <a>发票管理</a>
                <a>医院采购订单录入</a>
                <a>出库登录</a>
                <a>物流项目费用维护</a>
                <a>发票管理</a>
                <a>医院采购订单录入</a>
                <a>出库登录</a>
                <a>物流项目费用维护</a>
                <a>发票管理</a>
                <a>医院采购订单录入</a>
                <a>出库登录</a>
            </p>
        </div>
    </div>
    
    <div class="content">
        <div class="business-info col-md-12">
            <div class="fheader">
                <h4 class="fh-tit fh-write">分仓数据总览</h4>
                <div class="stretch ml-20">
                    <div class="stretch-push"></div>
                </div>
            </div>
            <div class="fpart pull1">
                <div class="multiple-top">
                    <dl>
                        <dt>
                            <i class="iconfont icon-warehouse"></i>
                        </dt>
                        <dd class="displayflex">仓库<span class="flex1"><b>12</b>个</span></dd>
                        <dd class="displayflex">面积<span class="flex1"><b>90,000</b>㎡</span></dd>
                    </dl>
                    <div class="warehouse-echart" id="echarts1"></div>
                    <dl>
                        <dt>
                            <i class="iconfont icon-stock"></i>
                        </dt>
                        <dd class="displayflex">库存数<span class="flex1"><b>413,324</b>件</span></dd>
                        <dd class="displayflex">品规数<span class="flex1"><b>231</b>个</span></dd>
                    </dl>
                    <dl>
                        <dt>
                            <i class="iconfont icon-car1"></i>
                        </dt>
                        <dd class="displayflex">普通车<span class="flex1"><b>38</b>辆</span></dd>
                        <dd class="displayflex">冷藏车<span class="flex1"><b>10</b>辆</span></dd>
                    </dl>
                </div>
            </div>
        </div>
        <div>
            <ul class="multiple-bread">
                <li>全国分仓</li>
                <li class="active">湖北省分仓</li>
            </ul>
            <h2 class="multiple-tit">物流中心多级多仓分布图</h2>
            <div class="relative-map">
                <div id="main" style="height: 600px; width: 800px;"></div>
                <div class="absolute-table">
                    <h3>全国分仓一览</h3>
                    <ul id="scroll_1">
                        <li class="displayflex active">
                            <span class="flex1"><i>1</i>湖北</span>
                            <em>37个仓</em>
                        </li>
                        <li class="displayflex">
                            <span class="flex1"><i>2</i>黑龙江</span>
                            <em>4个仓</em>
                        </li>
                        <li class="displayflex">
                            <span class="flex1"><i>3</i>河南</span>
                            <em>9个仓</em>
                        </li>
                        <li class="displayflex">
                            <span class="flex1"><i>4</i>湖南</span>
                            <em>10个仓</em>
                        </li>
                        <li class="displayflex">
                            <span class="flex1"><i>5</i>山东</span>
                            <em>7个仓</em>
                        </li>
                        <li class="displayflex">
                            <span class="flex1"><i>6</i>浙江</span>
                            <em>20个仓</em>
                        </li>
                        <li class="displayflex">
                            <span class="flex1"><i>7</i>四川</span>
                            <em>15个仓</em>
                        </li>
                        <li class="displayflex">
                            <span class="flex1"><i>8</i>云南</span>
                            <em>7个仓</em>
                        </li>
                        <li class="displayflex">
                            <span class="flex1"><i>9</i>青海</span>
                            <em>9个仓</em>
                        </li>
                        <li class="displayflex">
                            <span class="flex1"><i>10</i>新疆</span>
                            <em>5个仓</em>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>
    <div class="multiple-info-box" style="display: none;">
        <div class="layui-layer-title">武汉仓<span>洪山区南李大道新余家湾路168号</span></div>
        <div class="multiple-info-content">
            <dl>
                <dt class="iconfont icon-warehouse">库房信息</dt>
                <dd>
                    <ul class="displayflex multiple-info-list">
                        <li class="flex1">
                            <p>整件库</p>
                            <b>1,800m²</b>
                        </li>
                        <li class="flex1">
                            <p>拆零库</p>
                            <b>4,500m²</b>
                        </li>
                        <li class="flex1">
                            <p>立体库</p>
                            <b>5,000m²</b>
                        </li>
                        <li class="flex1">
                            <p>冷库</p>
                            <b>500m²</b>
                        </li>
                        <li class="flex1">
                            <p>待验区</p>
                            <b>1,000m²</b>
                        </li>
                        <li class="flex1">
                            <p>出库区</p>
                            <b>2,000m²</b>
                        </li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt class="iconfont icon-stock">库存信息</dt>
                <dd>
                    <ul class="displayflex multiple-info-list">
                        <li class="flex1">
                            <p>总库存</p>
                            <b>221,040件</b>
                        </li>
                        <li class="flex1">
                            <p>整件</p>
                            <b>217,802件</b>
                        </li>
                        <li class="flex1">
                            <p>零货</p>
                            <b>3,238件</b>
                        </li>
                        <li class="flex1">
                            <p>整件货位</p>
                            <b>2,500个</b>
                        </li>
                        <li class="flex1">
                            <p>零件货位</p>
                            <b>10,500个</b>
                        </li>
                        <li class="flex1">
                            <p>立库货位</p>
                            <b>10,500个</b>
                        </li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt class="iconfont icon-setting">设备信息</dt>
                <dd>
                    <ul class="displayflex multiple-info-list">
                        <li class="flex1">
                            <p>输送线</p>
                            <b>5,000m²</b>
                        </li>
                        <li class="flex1">
                            <p>堆垛机</p>
                            <b>8台</b>
                        </li>
                        <li class="flex1">
                            <p>分拣机</p>
                            <b>16个道口</b>
                        </li>
                        <li class="flex1">
                            <p>拣选台车</p>
                            <b>20台</b>
                        </li>
                        <li class="flex1">
                            <p>复核台</p>
                            <b>12台</b>
                        </li>
                        <li class="flex1">
                            <p>电动叉车</p>
                            <b>2台</b>
                        </li>
                        <li class="flex1">
                            <p>液压叉车</p>
                            <b>16台</b>
                        </li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt class="iconfont icon-people">人员信息</dt>
                <dd>
                    <ul class="displayflex multiple-info-list w-50">
                        <li class="flex1">
                            <p>负责人</p>
                            <b>张三</b>
                        </li>
                        <li class="flex1">
                            <p>管理层</p>
                            <b>10 人</b>
                        </li>
                        <li class="flex1">
                            <p>员工</p>
                            <b>60 人</b>
                        </li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt class="iconfont icon-car1">车辆信息</dt>
                <dd>
                    <ul class="displayflex multiple-info-list w-50">
                        <li class="flex1">
                            <p>五十铃</p>
                            <b>10 辆</b>
                        </li>
                        <li class="flex1">
                            <p>厢式货车</p>
                            <b>5 辆</b>
                        </li>
                        <li class="flex1">
                            <p>全挂货车</p>
                            <b>2 辆</b>
                        </li>
                    </ul>
                </dd>
            </dl>
        </div>
    </div>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <!-- <script type="text/javascript" src="lib/echarts-all.js"></script> -->
    <script type="text/javascript" src="lib/echarts.min.js"></script>
    <script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
    <script type="text/javascript" src="lib/china.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="lib/paging.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/validate-demo.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/cy.js"></script>
    <script src="js/multiple-layout.js"></script>
    <script>
    $(function(){
        // 常用菜单
        $(".common-menu-btn :checkbox").click(function(){
            if($(this).is(":checked")){
                $(this).parent().siblings().text("关闭常用菜单");
                $(".common-menu").show();
            }else{
                $(this).parent().siblings().text("打开常用菜单");
                $(".common-menu").hide();
            }
        })
    })
    </script>
</body>

</html>